<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <style type="text/css">
        img {
            opacity: 0.8;
            filter:alpha (opacity = 30);
        }

        div.background {
            width: 500px;
            height: 250px;
            background:url(klematis_small.jpg) repeat;
            border: 2px solid black;
        }

        div.transbox {
            width: 400px;
            height: 180px;
            margin: 30px 50px;
            background-color:#FFF;
            border: 1px solid black;
            opacity: 0.8;
            filter:alpha (opacity=30);
        }

        div.transbox p {
            margin: 30px 40px;
            font-weight:bold;
            color:#000;
        }
    
    </style>
	<title></title>
</head>
<body>
    <h1>Image Transparency</h1>
    <img src="http://localhost/klematis_big.jpg" alt="" width="300" height="253" 
    onmouseover="this.style.opacity=1; this.filters.alpha.opacity=100"
    onmouseout="this.style.opacity=0.2; this.filters.alpha.opacity=80"
    />
    <hr />
    <div class="background">
    	<div class="transbox">
            <p>
            THis is some text
            THis is some text
            THis is some text
            THis is some text
            </p>
    	</div>
    </div>

	
</body>
</html>
